<!--
	作者：2575202388@qq.com
	时间：2018-10-14
	描述：账号管理
-->

<template>
	<div style="width:100%;">
		<div style="background: #fff;">
			<div style="width:100%;float:left;padding-top: 10px;padding-bottom: 10px;">
				
				<div style="text-align: right;float:left;line-height:32px;padding-left:10px;">学校名称：</div>
				<div style="width:12%;float:left;">
					<Input v-model="tj.csname"  clearable  style="width: 90%;float:left;" />
				</div>
				
			
				<div style="text-align: right;float:left;line-height:32px;padding-left:10px;">账号名称：</div>
				<div style="width:12%;float:left;">
					<Input v-model="tj.usname"  clearable  style="width: 90%;float:left;" />
				</div>
				
				<div style="width:30%;text-align: left;float:left;">
					<Button v-on:click="search()" style="margin-left:1%;background: #ffa500;color:#fff;border:1px solid #ffa500;">搜索</Button>	
					<Button v-on:click="adduser()" icon="md-add" type="primary" style="background-color: #3fc1c9;border:1px solid #3fc1c9;">添加账号</Button>
				</div>
			</div>
			
		</div>
		<div>
			<ss :tj="tj" ref="ss" ></ss>
			<add  ref="add"  v-on:reload="search()"></add>
		</div>
	</div>
</template>

<script>
	import ss from "./ss";
	import add from "./add";
	const _config = require('./../../../../../config/config')
	export default {
		name: "campusmanage",
		data() {
			return {
				tj: {
					csname:'',
					usname:'',
				},
			}
		},
		methods: {
			search(){
				this.$refs.ss.load();
			},
	        resettj(){
	        	this.tj.csname='';
	        	this.tj.usname='';
	        },
	        adduser(){
	        	this.$refs.add.openmodal();
	        }
		},
		components: {
			ss,
			add
		},

		watch:{
		},
		
		computed: {	
		}
	}
</script>

<style>
	.ivu-cascader-menu{
		display: inline-block;
		min-width: 150px;
		height: 180px;
		margin: 0;
		padding: 5px 0 !important;
		vertical-align: top;
		list-style: none;
		border-right: 1px solid #e8eaec;
		overflow: auto;
	}
	
</style>